* {
	margin: 0;
	padding: 0;
}
ul {
	margin-bottom: 0;
}
#login {
	span {
		color: blue;
		cursor: pointer;
		display: inline-block;
		margin-left: 20px;
		height: 45px;
		line-height: 45px;
		font-size: 12px;
	}
}
#regist {
	span {
		color: #b2b2b2;
		cursor: pointer;
		display: inline-block;
		margin-left: 20px;
		height: 45px;
		line-height: 45px;
		font-size: 12px;
	}
	span:hover {
		color: cyan;
	}
}
html,
body {
	width: 100%;
	height: 100%;
}
.contenier {
	width: 1200px;
	margin: 0 auto;
}
ul > li {
	list-style: none;
}
a {
	text-decoration: none;
}
.top {
	background-color: #fff;
	width: 100%;
	> img {
		width: 100%;
		height: 120px;
		position: static;
	}
	.nav {
		height: 45px;
		background-color: #444444;
		a {
			display: inline-block;
			height: 45px;
			line-height: 45px;
			font-size: 12px;
			color: #b2b2b2;
		}
		.contenier {
			:first-child {
				margin-right: 15px;
				display: flex;
				float: left;
				align-items: center;
			}
			:last-child {
				a:hover {
					color: #fff;
				}
				display: flex;
				float: right;
				margin-left: 15px;
				align-items: center;
			}
		}
	}
	.dhl {
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.281);
		position: relative;
		z-index: 999;
		width: 100%;
		height: 74px;
		.contenier {
			line-height: 74px;
			height: 100%;
			> a {
				float: left;
				width: 170px;
				margin-right: 20px;
				img {
					width: 170px;
					height: 28px;
				}
			}
			ul {
				float: left;
				height: 100%;
				li {
					float: left;
					margin-right: 25px;
					height: 100%;
					a {
						display: inline-block;
						color: black;
						text-decoration: none;
						font-size: 18px;
						line-height: 84px;
						height: 100%;
					}
				}
			}
		}
	}
}
body {
	background-color: #f7f7f7;
}
.list {
	margin-top: 20px;
	width: 100%;
	> div {
		display: flex;
	}
	.left {
		.con {
			// overflow: auto;
			background-color: #fff;
			padding: 40px 20px 45px;
			width: 254px;
			position: relative;
			overflow: v;
		}

		width: 274px;
		h2 {
			font-size: 16px;
			line-height: 16px;
			font-weight: 900;
			margin-bottom: 12px;
		}
		.box {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			span {
				width: 90px;
				height: 36px;
				text-align: center;
				line-height: 36px;
				background-color: #f5f5f5;
				font-size: 12px;
				margin-bottom: 10px;
				cursor: pointer;
			}
		}
	}
	.right {
		flex: 1;
		// background-color: pink;
		.top {
			line-height: 44px;
			height: 44px;
			background-color: #fff;
			span {
				font-size: 16px;
				margin-right: 30px;
			}
			.l {
				:first-child {
					color: #ccc;
				}
				label {
					font-weight: 100;
					font-size: 16px;
					color: black;
				}
				float: left;
			}
			.r {
				float: right;
			}
		}
		.tv {
			margin-top: 24px;
			ul {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				li:hover {
					box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.367);
				}
				li {
					margin-bottom: 12px;
					width: 220px;
					height: 370px;
					background-color: #fff;
					padding: 10px 10px 0;
					box-sizing: border-box;
					a:hover {
						color: blue;
					}
					a {
						display: block;
						text-decoration: solid;
						color: black;
					}
					h2 {
						margin-top: 5px;
						line-height: 16px;
						height: 16px;
						font-size: 16px;
						text-align: center;
						margin-bottom: 8px;
					}
					h3 {
						margin-top: 0;
						line-height: 14px;
						height: 14px;
						font-size: 14px;
						text-align: center;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						margin-bottom: 12px;
					}
					img {
						width: 210px;
						height: 210px;
					}
					p {
						display: flex;
						justify-content: space-between;
						.s1 {
							color: red;
							font-size: 12px;
							b {
								font-size: 14px;
							}
						}
						.s2 {
							color: #ccc;
							font-size: 12px;
						}
					}
				}
			}
		}
	}
}
#m-style {
	display: flex;
	justify-content: right;
	align-items: center;
}
